﻿@{
    ViewBag.Title = "主题";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/header_color")
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <div class="row theme-h-color">
            <div class="col-md-6">
                <img src="/Content/Flat/img/green-bg.jpg" alt="" />
                <span>绿色格式 </span>

                <p>
                    <code class="language-html" data-lang="html">
                        <span class="nt">&lt;header</span> <span class="na">class=</span><span class="s">"header green-bg"</span> <span class="nt">&gt;</span>  ..<span class="nt">&lt;/header&gt;</span>
                    </code>
                </p>
            </div>
            <div class="col-md-6">
                <img src="/Content/Flat/img/purple-bg.jpg" alt="" />
                <span>Purple header Code format </span>

                <p>
                    <code class="language-html" data-lang="html">
                        <span class="nt">&lt;header</span> <span class="na">class=</span><span class="s">"header purple-bg"</span> <span class="nt">&gt;</span>  ..<span class="nt">&lt;/header&gt;</span>
                    </code>
                </p>
            </div>
        </div>
        <div class="row theme-h-color">
            <div class="col-md-6">
                <img src="/Content/Flat/img/dark-bg.jpg" alt="" />
                <span>深灰色格式 </span>

                <p>
                    <code class="language-html" data-lang="html">
                        <span class="nt">&lt;header</span> <span class="na">class=</span><span class="s">"header dark-bg"</span> <span class="nt">&gt;</span>  ..<span class="nt">&lt;/header&gt;</span>
                    </code>
                </p>
            </div>
            <div class="col-md-6">
                <img src="/Content/Flat/img/blue-bg.jpg" alt="" />
                <span>蓝色格式 </span>

                <p>
                    <code class="language-html" data-lang="html">
                        <span class="nt">&lt;header</span> <span class="na">class=</span><span class="s">"header blue-bg"</span> <span class="nt">&gt;</span>  ..<span class="nt">&lt;/header&gt;</span>
                    </code>
                </p>
            </div>
        </div>
        <!-- page end-->
    </section>
</section>
<!--main content end-->